﻿/*
	1 - Global elements.
	2 - Site header.
		2.1 - Site actions
		2.3 - Systme account
		2.4 - SiteAction&SystemAction item mouseHover
	3 - Top navigation.
		3.1 - Search area.
	4 - Left navigation.
	5 - Site content.
	6 - Site footer.

	#exp-multitude = Id sur le body de la master page par défaut du site.
	.exp-multitude-home = Class sur le body de la master page HOME.
*/

/* ----------------------------------------------------------
			 1 - Global elements. 
 ----------------------------------------------------------*/

	#exp-multitude{background:transparent url('images/fond.jpg') no-repeat left top;color:#7F7F7F;}
	/* Site center. */
	#exp-div-global { position: relative; text-align: left; /*width:1200px;*/width:95%; min-width: 945px; margin:0 auto; }	
	#exp-multitude #s4-workspace {overflow:auto;position:relative;}
	#exp-multitude .s4-breadcrumb-menu {background:#FFF none no-repeat left top;}
	
	/* Web Parts */
	#exp-multitude .s4-wpTopTable { margin: 2px; width: 99%; }
	#exp-multitude .ms-WPHeader {}
    #exp-multitude .ms-WPTitle {}
    #exp-multitude .ms-WPTitle span:first-child { background: url("/_layouts/images/selbg.png") repeat-x scroll left top #008888;color: #FFFFFF; border: 1px solid #008888; padding: 3px 6px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
    #exp-multitude .ms-WPBorder, #exp-multitude .ms-WPBorderBorderOnly { border-color: #008888; border-style: solid; border-width: 1px; margin: 2px; }
    #exp-multitude .s4-wpcell:hover .ms-WPHeader td, #exp-multitude .s4-wpActive .ms-WPHeader td, #exp-multitude .s4-wpcell .ms-WPSelected .ms-WPHeader td { border-bottom: 1px solid #652160;}
    
    #exp-multitude .ms-viewheadertr .ms-vh2-gridview {height: 20px; text-align: left;}

	/* breadcrumb */
	.exp-header-breadcrumb { margin-top:10px; padding: 25px 0px 0px 15px; overflow: hidden; }
    .BreadCrumbStyle { font-size:15px;border-bottom:1px #652160 dotted;padding-bottom:3px;padding-left:0px; }
    .BreadCrumbStyle a:link, .BreadCrumbStyle a:visited { color:#652160; }
    .BreadCrumbStyle a:hover{color:#652160; text-decoration:underline}
    .BreadCurrentNode {color:#652160}
    .BreadPathSeparator{color:#652160; padding:0px 8px 0px 8px; }

/* ----------------------------------------------------------
			 1-2 - Site settings. 
 ---------------------------------------------------------*/	
	#exp-multitude .ms-pageinformation a:link, a:active, a:visited {color:#666;text-decoration:none;}
	#exp-multitude .ms-pageinformation a:hover {color:#7F7F7F;text-decoration:none;}

/* ----------------------------------------------------------
			 2 - Ribbon. 
 ----------------------------------------------------------*/		
	#exp-multitude #s4-ribbonrow {background:transparent none no-repeat left top;}
	#exp-multitude .ms-cui-topBar2 {border-bottom:none;}
	#exp-multitude .s4-breadcrumb-anchor:hover,.s4-breadcrumb-anchor-open, .ms-qatbutton:hover{background:transparent url("/_layouts/images/selbg.png") repeat-x left top;}

		/* ------------------------ 
			2.1 - Site actions  
		-------------------------*/
		#exp-multitude .ms-siteactionsmenuhover{background:#008888 url("/_layouts/images/selbg.png") repeat-x left top;border:none;}
		#exp-multitude .ms-siteactionsmenuinner{background:transparent none no-repeat left top;border:none;}
		/* ------------------------ 
			2.3 - Systme account 
		-------------------------*/
		#exp-multitude .ms-welcomeMenu.ms-SpLinkButtonActive{background:#008888 url("/_layouts/images/selbg.png") repeat-x left top;}
		/* --------------------------------------------- 
			2.4 - SiteAction&SystemAction item mouseHover 
		-----------------------------------------------*/
		#exp-multitude div.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner ul.ms-MenuUIUL div.ms-MenuUIULItemHover{background:#CECECE url("/_layouts/images/selbg.png") repeat-x left top;border:1px #B5B5B5 solid;margin:0px;outline:none;}
		#exp-multitude .s4-trc-container-menu{margin-top:21px;}
/* ----------------------------------------------------------
			 3 - Site header. 
 ----------------------------------------------------------*/
	#exp-header	{width:100%; overflow: hidden;height:66px;left:0px;background-color: #008888;}
	#exp-header-novisible{display:none;}
	#exp-header	.BreadCurrentNode {color: #FFFFFF;}
	#exp-header	.BreadCrumbStyle a, #exp-header	.BreadCrumbStyle a:link, #exp-header .BreadCrumbStyle a:visited { color: #FFFFFF; }
	#exp-header	.BreadPathSeparator {color: #FFFFFF;}
	
	/* ----------------------------------------
		Rajout sur le Header
	 ------------------------------------------*/
	#exp-multitude #s4-titlerow {display:block;}
	#exp-titlelogo{float: left;}
	#exp-titletext{position:absolute;left:100px;top:81px;z-index:100;display:block;	}
	#exp-socialdata-notif{position:absolute;right:10px;top:0px;	z-index:100;}	
	#exp-header-backgroundRight{position:absolute;left:165px;top:0px;z-index:99;}
	/* ----------------------------------------
		Fin du Rajout sur le Header
	 ------------------------------------------*/			
	#exp-header-logo{float:left;}
	#exp-multitude .s4-title{display:block;min-height:66px;background:none;padding-left:0px;}
	#exp-multitude #s4-topheader2{background:none;border-top:none;border-bottom:none;min-height: 23px;background-color:#95C9C9;border-top: 10px solid #008888;}
	/* ---------------------------------------
		3.1 - Search area.
    ----------------------------------------*/
	#exp-multitude .exp-header-search{position:absolute;right:10px;bottom:-1px;z-index:100;}
    #exp-multitude .ms-sctabcn, #exp-multitude .ms-sctabcnhover {background: url("/_layouts/images/selbg.png") repeat-x scroll left top #008888; color: #FFFFFF;}
    .exp-search .s4-ba {margin-left:-140px !important;}
    /* ----------------------------------------------------------
			     4 - Top navigation. 
     ----------------------------------------------------------*/
	#exp-multitude .s4-toplinks .s4-tn a, 
	#exp-multitude .s4-toplinks .s4-tn a:link, 
	#exp-multitude .s4-toplinks .s4-tn a:active, 
	#exp-multitude .s4-toplinks .s4-tn a:visited, 
	#exp-multitude .s4-toplinks .s4-tn a:hover{background:transparent none no-repeat left top;border:none;text-decoration:none;color:#fff;}
	#exp-multitude .s4-toplinks .s4-tn a.selected	{background-color:#008888;border:none;border-left:1px #95C9C9 solid;text-decoration:none;color:#fff;margin:0px;background:#008888 url('/_layouts/images/selbg.png') repeat-x left top;	}
	#exp-multitude .s4-toplinks .s4-tnli.selected	{background-color:#008888;border:none;border-left:1px #95C9C9 solid;text-decoration:none;color:#fff;margin:0px;background:#008888 url('/_layouts/images/selbg.png') repeat-x left top;	}
	
	#exp-multitude .s4-tn li.static > .menu-item {border:none;color:#fff;border-left:1px #008888 solid;}
	#exp-multitude .s4-tn li.static > .menu-item:hover {color:#fff;background:#006969 url('/_layouts/images/selbg.png') repeat-x left top;}
	#exp-multitude .s4-toplinks {	float:left;}
	
	#exp-multitude .s4-tn ul.dynamic {background:#fff none no-repeat left top; display: none; left: 0; position: absolute; top: 23px; border: 1px solid #95C9C9; border-left-width:2px; }
	#exp-multitude .s4-tn .hover-off ul.dynamic { display: none; }
	#exp-multitude .s4-tn li.dynamic > a, #exp-multitude .s4-tn li.dynamic >a:link, #exp-multitude .s4-tn li.dynamic >a:visited, #exp-multitude .s4-tn li.dynamic >a:active	{color:#652160;} 	
	#exp-multitude .s4-tn li.dynamic > a:hover{background:#652160 none no-repeat left top;color:#fff;}	
	#exp-multitude .s4-tn li.dynamic > li:hover{background:#652160 none no-repeat left top;color:#fff;}	
	#exp-multitude .s4-tn li.dynamic {color:#000;border-bottom:1px #95C9C9 solid;}
	
    #topnav .item:hover ul {display:block}
    #topnav ul li {float:none}
    #topnav .item ul li {background:transparent none;clear: both;float:none;padding:0}
    #topnav .item ul li a, #topnav .item ul li a.selected { padding: 5px 10px; }
    #topnav .item ul li a, #topnav .item ul li a:link, #topnav .item ul li a:visited, #topnav .item ul li a:hover{background:transparent none;border:0;float: none;height: auto;}


/* ----------------------------------------------------------
			 5 - Left navigation. 
 ----------------------------------------------------------*/
	.exp-multitude-home #s4-leftpanel {display:none;width:0px;}
 	#exp-multitude #s4-leftpanel-content { border:none;	}
	#exp-multitude .s4-ql ul.root > li > .menu-item, .s4-qlheader, .s4-qlheader, .s4-qlheader:link, .s4-qlheader:visited, .s4-qlheader:hover{background:transparent url('images/AngleQuickLaunch2.png') no-repeat left top;min-width:165px;min-height:20px;color:#fff;margin-left:-11px;padding-top:11px;}
	#exp-multitude #s4-mainarea{background:#fff none no-repeat left top;}
	#exp-multitude .s4-ql ul.root ul > li :hover{	background:#008888 none no-repeat left top;	color:#fff;}
	#exp-multitude .s4-ql ul.root ul > li > a, a:link, a:visited, a:active {color:#000;text-decoration:none;}	
	#exp-multitude .s4-ql ul.root ul > li > a:hover, a.selected{color:#fff;text-decoration:none;}
	#exp-multitude .s4-ql a:link, a:active, a:visited	{background:transparent none no-repeat left top;}
	#exp-multitude .s4-ql a.selected {background:#95C9C9 none no-repeat left top;color:#FFF!Important;border:none;}					
	.exp-div-angleQuickLaunch{background:#000 url('images/AngleQuickLaunch2.png') no-repeat left top;width:12px;height:28px;	}
	
	#exp-multitude .s4-recentchanges { display:none;}
	
/* ----------------------------------------------------------
			 6 - Site content. 
 ---------------------------------------------------------*/		
	#exp-multitude H1	{color:#008888;}
	#exp-multitude H2	{color:#666;}
	#exp-multitude H3	{color:#7F7F7F;}
	#exp-multitude #MSO_ContentTable a:link, a:visited, a:active	{color:#666;}
	#exp-multitude .s4-ca { margin-left: 170px;}
	#exp-multitude.exp-multitude-home .s4-ca {margin-left:15px;}
	
	#exp-multitude span.ms-imnSpan {white-space: normal;}
	#exp-multitude img.ms-imnImg { }
	
/* ----------------------------------------------------------
			 7 - Site footer. 
 ----------------------------------------------------------*/
 	.exp-div-footer li	{text-align:right;float:right;color:#B5B5B5;margin-left:10px;list-style:none;margin-bottom:10px;}
	.exp-div-footer a:link, a:active, a:visited{color:#B5B5B5;}
	.exp-div-footer a:hover{color:#D3D3D3;}

/* ----------------------------------------------------------
			 8 - Listes 
 ----------------------------------------------------------*/
#exp-multitude .ms-listviewtable .ms-vb2, #exp-multitude .ms-summarystandardbody .ms-vb2 {border-right: 1px solid #DDD; padding-left: 4px; padding-right: 4px;}
#exp-multitude .ms-vb-title {border-right: 1px solid #DDDDDD !important;}
              
/***************************
        Agenda
*******************************/
.events-title {font-size:16px; color:#008888; margin: 10px 0px; font-weight: bold;}
#exp-multitude #MSO_ContentTable .events-title a:link, a:visited, a:active {color:#008888;}
.events-content {}
.events-content-item {padding: 5px 0;}
.events-content-item-date { color:#666;font-size:11px; font-weight: bold; }
.events-content-item-title { color:#666;font-size:11px; font-weight: bold; padding-left: 10px; }
.events-content-item-text { padding: 5px 0 0 10px; font-size:11px; color:#555;font-style: italic; }
.events-content-item-desc {}

/***************************
        Annonces
*******************************/
ul.multi-annonces-container { list-style: none outside none; }
.multi-annonces-item-image { float: left; width: 80px; margin-right: 5px; }
.multi-annonces-item-image img { width: 80px; }
.multi-annonces-item-title { font-weight: bold; }
.multi-annonces-item-text { }

.multi-annonces-container { position:relative; /*height:150px;*/}
.multi-annonces-container .multi-annonces-item { /*height:150px;*/ position:absolute; top:0;left:0; z-index:8; display: none; }
.multi-annonces-container .multi-annonces-item.active { z-index:10; display: block;}
.multi-annonces-container .multi-annonces-item.last-active { z-index:9; }
/* 
*/

/***************************
        WebPart Recherche Avancée
*******************************/
#exp-multitude .srch-advancedtable { margin: 5px auto; }
#exp-multitude div.ms-advsearch-header { margin-top: 5px; }

/* ----------------------------------------------------------
			 8 - Projects Display. 
 ----------------------------------------------------------*/
.exp-AllProjects{ width:100%; }
.exp-Project{ width:auto;height:auto;float:left;background:url("images/expand.png") no-repeat scroll center center #626060;margin-left:20px; margin-bottom:20px; border:1px #c8c8c8 solid;}
.exp-Project img:hover {opacity:0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";}
.exp-Project img{-moz-transition-duration:0.7s; transition-duration: 0.7s; -webkit-transition-duration: 0.7s; /* Safari and Chrome */-o-transition-duration: 0.7s; /* Opera */ }